﻿
#fadeIn{ /*娣″叆*/
-webkit-animation:fadeIn 1s .2s ease both;
-moz-animation:fadeIn 1s .2s ease both;}
@-webkit-keyframes fadeIn{
0%{opacity:0;
-webkit-transform:scale(2)}
100%{opacity:1;
-webkit-transform:scale(1)}
}
@-moz-keyframes fadeIn{
0%{opacity:0;
-moz-transform:scale(2)}
100%{opacity:1;
-moz-transform:scale(1)}
}

#pulse{ /*鑴夊啿*/
-webkit-animation:pulse 1s .2s ease both;
-moz-animation:pulse 1s .2s ease both;}
@-webkit-keyframes pulse{
0%{-webkit-transform:scale(1)}
50%{-webkit-transform:scale(1.1)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes pulse{
0%{-moz-transform:scale(1)}
50%{-moz-transform:scale(1.1)}
100%{-moz-transform:scale(1)}
}

#fadeInUpBig{/*搴曢儴娣″叆*/
-webkit-animation:fadeInUpBig 1s .2s ease both;
-moz-animation:fadeInUpBig 1s .2s ease both;}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;
-webkit-transform:translateY(2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInUpBig{
0%{opacity:0;
-moz-transform:translateY(2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}
#fadeInDownBig{/*椤堕儴娣″叆*/
-webkit-animation:fadeInDownBig 1s .2s ease both;
-moz-animation:fadeInDownBig 1s .2s ease both;}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;
-webkit-transform:translateY(-2000px)}
100%{opacity:1;
-webkit-transform:translateY(0)}
}
@-moz-keyframes fadeInDownBig{
0%{opacity:0;
-moz-transform:translateY(-2000px)}
100%{opacity:1;
-moz-transform:translateY(0)}
}


#bounceInkeep{ /*璺宠繘寮瑰嚭涓嶆姈*/
-webkit-animation:bounceInkeep .3s 1.2s linear both;
-moz-animation:bounceInkeep .3s 1.2s linear both;}
@-webkit-keyframes bounceInkeep{
0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(0.5)}
70%{-webkit-transform:scale(.7)}
100%{-webkit-transform:scale(1)}
}
@-moz-keyframes bounceInkeep{
0%{opacity:0;
-moz-transform:scale(.3)}
50%{opacity:1;
-moz-transform:scale(0.5)}
70%{-moz-transform:scale(.7)}
100%{-moz-transform:scale(1)}
}

